<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>订单详情</title>
    <!--导入JS文件-->
    <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/raphael.js"></script>
    <!--导入外部的CSS-->
     <link type="text/css" rel="stylesheet" href="css/bootstrap.css"/>
<style type="text/css">
	em{
	font-style:normal;
}
.seat_numbox{width:175px;}
.seat_numbox span{
	white-space:nowrap;
	display:inline-block;
	font-size:12px;text-align:
	center;
	color:#000;
	margin-right:8px;
	margin-bottom:5px;
	float:left;
}
.seat_numbox em,.seat_numbox b{
	background:url(images/new_ticket121031.gif) no-repeat 0 -80px;
	padding-left:14px;
	height:28px;
	line-height:2.4em;
	font-family:"宋体";
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
}
.seat_numbox b{
	background-position:-114px -80px;
	width:14px;padding-left:0;
}
.seat_numbox_false em,.seat_numbox_false b{background:url(images/new_ticket_ico.png) no-repeat;
}

.seat_numbox_false em,.seat_numbox_false b{background-position:0 -82px;}.seat_numbox_false b{background-position:-114px -82px;}
</style>
</head>
<body>
	<section class="container" >
    	<article>
         
            <table class="table table-striped">
                <legend>订单详情</legend>
                    <thead>
                        <th><span>订单编号:</span>1001</th>
                        <th><span>下单时间:</span>2010-11-1</th>
                        <th><span>总价:</span>￥33</th>
                        <th><span>状态:</span>待付款</th>
                    </thead>
                    <tbody>
                	<tr></tr>
                    <tr>
                    	<td colspan="4" class="row">
                    	<div class="col-xs-6 col-md-3">
                            <a href="#" class="thumbnail">
                                <img data-src="holder.js/200x300" src="images/Saving-Private-Ryan.jpg">
                            </a>
  						</div>
                        <div class="col-xs-6 col-md-4">
                        	<table class="table  table-hover">
                                <tr><td>电影名：</td><td>拯救大兵瑞恩</td></tr>
                                <tr><td>影院：</td><td>湘潭左岸电影城</td></tr>
                                <tr><td>场次：</td><td>2010-11-11 19:00 1号大厅</td></tr>
                                <tr><td rowspan="2">座位：</td>
                                	<td class="seat_numbox seat_numbox_false">																																													
  										<span><em>8排10座</em><b> </b></span>
                                        <span><em>8排10座</em><b> </b></span>
                                    </td>
                                </tr>
                                <tr>
                                	<td class="seat_numbox seat_numbox_false">																																													
  										<span><em>8排10座</em><b> </b></span>
                                        <span><em>8排10座</em><b> </b></span>
                                    </td>
                                </tr>
                            </table>
                        </div>
                        <td>
                    </tr>
                </tbody>
            </table>
        </article>
    </section>
</body>
</html>
